<template>
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
        <van-swipe-item v-for="item in lunbo"><img :src="item" alt=""></van-swipe-item>
        <template #indicator="{ active, total }">
    <div class="custom-indicator">{{ active + 1 }}/{{ total }}</div>
  </template>
    </van-swipe>

</template>

<script>
export default {
    props: ['lunbo']
}
</script>

<style lang="less" scoped>
.custom-indicator {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 2px 5px;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.1);
  }
  .my-swipe {
  background-color: red;
  font-size: 0;

  img {
    width: 100%;
  }
}
</style>

